<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/base.css">
    <link rel="shortcut icon" href="favicon.ico">
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="css/index.css">
</head>

<body>
    <!-- 头部模块 -->
    <header>
        <div class="box2">
            <div class="logo"><img src="images/logo.jpg" alt=""></div>
            <div class="search">
                <div class="search-left">
                    <input type="text" placeholder="搜索车票/餐饮/常旅客/相关文章">
                    <div class="box-small"></div>
                </div>
                <div class="search-right">
                    <ul>
                        <li><a href="#">English</a> </li>
                        <p>|</p>
                        <li><a href="#">我的12306</a></li>
                        <p>|</p>
                        <li><a href="#" style="color: black;">登录</a></li>
                        <li><a href="#" style="color: black;">注册</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </header>
    <!-- 导航栏模块 -->
    <div class="nav">
        <ul>
            <li><a href="#">首页</a></li>
            <li><a href="#">车票</a></li>
            <li><a href="#">团购服务</a></li>
            <li><a href="#">团购服务</a></li>
            <li><a href="#">团购服务</a></li>
            <li><a href="#">团购服务</a></li>
            <li><a href="#">团购服务</a></li>
            <li><a href="#">团购服务</a></li>
        </ul>
    </div>
    <!-- 轮播图模块 -->
    <div class="swiper"></div>
    <!-- 新导航栏模块 -->
    <div class="nav1">
        <ul>
            <li>
                <img src="images/ico1.jpg" alt="">
                <span>重点客户预约</span>
            </li>
            <li>
                <img src="images/ico1.jpg" alt="">
                <span>重点客户预约</span>
            </li>
            <li>
                <img src="images/ico1.jpg" alt="">
                <span>重点客户预约</span>
            </li>
            <li>
                <img src="images/ico1.jpg" alt="">
                <span>重点客户预约</span>
            </li>
            <li>
                <img src="images/ico1.jpg" alt="">
                <span>重点客户预约</span>
            </li>
            <li>
                <img src="images/ico1.jpg" alt="">
                <span>重点客户预约</span>
            </li>
            <li>
                <img src="images/ico1.jpg" alt="">
                <span>重点客户预约</span>
            </li>
        </ul>
    </div>
    <!-- 会员模块 -->
    <div class="vip">
        <img src="images/abanner01.jpg" alt="">
        <img src="images/abanner02.jpg" alt="">
        <img src="images/abanner03.jpg" alt="">
        <img src="images/abanner04.jpg" alt="">
    </div>
    <!-- 导航栏模块2 -->
    <div class="nav2">
        <a href="#" class="one">铁路旅游</a>
        <a href="#" class="two">更多></a>
    </div>
    <!-- 旅游模块 -->
    <div class="traval">
        <ul>

            <li>
                <img src="images/scope1.jpg" alt="">
                <p>环西部火车游” 高品质旅游版专线列车</p>
                <i>¥ 2590</i>
            </li>
            <li>
                <img src="images/scope1.jpg" alt="">
                <p>环西部火车游” 高品质旅游版专线列车</p>
                <i>¥ 2590</i>
            </li>
            <li>
                <img src="images/scope1.jpg" alt="">
                <p>环西部火车游” 高品质旅游版专线列车</p>
                <i>¥ 2590</i>
            </li>
            <li>
                <img src="images/scope1.jpg" alt="">
                <p>环西部火车游” 高品质旅游版专线列车</p>
                <i>¥ 2590</i>
            </li>
            <li>
                <img src="images/scope1.jpg" alt="">
                <p>环西部火车游” 高品质旅游版专线列车</p>
                <i>¥ 2590</i>
            </li>
            <li>
                <img src="images/scope1.jpg" alt="">
                <p>环西部火车游” 高品质旅游版专线列车</p>
                <i>¥ 2590</i>
            </li>
            <li>
                <img src="images/scope1.jpg" alt="">
                <p>环西部火车游” 高品质旅游版专线列车</p>
                <i>¥ 2590</i>
            </li>
            <li>
                <img src="images/scope1.jpg" alt="">
                <p>环西部火车游” 高品质旅游版专线列车</p>
                <i>¥ 2590</i>
            </li>


        </ul>
    </div>
    <!-- footer模块 -->
    <footer>
        <!-- 导航栏3 -->
        <div class="nav3">
            <ul>
                <li>最新发布</li>
                <li>最新发布</li>
                <li>最新发布</li>
            </ul>
        </div>
        <div class="news">
            <ul>
                <li>
                    <p>公告</p>
                    <span>2023-2-19</span>
                </li>
                <li>
                    <p>中国铁路郑州局集团有限公司关于2021年3月11日</p>
                    <span>2023-2-19</span>
                </li>
                <li>
                    <p>中国铁路郑州局集团有限公司关于2021年3月11日</p>
                    <span>2023-2-19</span>
                </li>
                <li>
                    <p>公告</p>
                    <span>2023-2-19</span>
                </li>
                <li>
                    <p>中国铁路郑州局集团有限公司关于2021年3月11日</p>
                    <span>2023-2-19</span>
                </li>
            </ul>
            <ul>
                <li>
                    <p>公告</p>
                    <span>2023-2-19</span>
                </li>
                <li>
                    <p>中国铁路郑州局集团有限公司关于2021年3月11日</p>
                    <span>2023-2-19</span>
                </li>
                <li>
                    <p>中国铁路郑州局集团有限公司关于2021年3月11日</p>
                    <span>2023-2-19</span>
                </li>
                <li>
                    <p>公告</p>
                    <span>2023-2-19</span>
                </li>
                <li>
                    <p>中国铁路郑州局集团有限公司关于2021年3月11日</p>
                    <span>2023-2-19</span>
                </li>
            </ul>
        </div>
    </footer>
    <div class="f110"></div>
    <div class="f111"></div>
</body>

</html>